<template>
  <div class="table-filter">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "TableFilter"
};
</script>

<style scoped>
.table-filter {
  display: flex;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.table-filter > * {
  margin-right: 10px;
  margin-left: 0;
}

.table-filter > .el-input,
.table-filter > .el-select {
  width: 200px;
}

.table-filter > .el-date-editor {
  width: 400px;
}

.table-filter > .switch {
  display: flex;
  align-items: center;
}

.table-filter >>> .el-form {
  width: auto !important;
}
</style>
